<template>
  <div class="my_setting">
    <van-sticky>
      <van-nav-bar title="设置" left-arrow @click-left="back" />
    </van-sticky>
  <!--  <div class="mb_18">
      <van-cell title="消息通知" value="已打开" is-link> </van-cell>
    </div> -->

  <!--  <router-link tag="div" to="password" class="mb_18">
      <van-cell title="重置密码" is-link> </van-cell>
    </router-link> -->
    <router-link tag="div" to="address" class="mb_18">
      <van-cell title="收件地址" is-link> </van-cell>
    </router-link>
    <!-- <div class="mb_18">
      <van-cell title="清空缓存" value="" is-link> </van-cell>
    </div> -->
    <div class="mb_105">
   <!--   <router-link tag="div" to="about">
        <van-cell title="关于我们" is-link> </van-cell>
      </router-link> -->
      <router-link tag="div" to="agree">
        <van-cell title="用户协议" is-link> </van-cell>
      </router-link>
    </div>
    <div class="btn" @click="loginOut">退出</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      chosenAddressId: '1',
    }
  },
  methods: {
    back () {
      window.history.go(-1)
    },
    loginOut () {
      localStorage.removeItem('userInfor')
      this.$router.push('/login')
    }
  }
}
</script>

<style lang="scss">
.my_setting {
  min-height: 100vh;
  background-color: #f5f5f5;
  text-align: left;
  .btn {
    width: 6.88rem;
    height: 0.91rem;
    line-height: 0.91rem;
    text-align: center;
    background: linear-gradient(
      96deg,
      rgba(72, 143, 240, 1),
      rgba(51, 130, 239, 1)
    );
    border-radius: 0.45rem;
    margin: 0 auto;
    color: #fff;
    font-size: 0.36rem;
  }
  .mb_18 {
    margin-bottom: 0.18rem;
  }
  .mb_105 {
    margin-bottom: 1.05rem;
  }
}
</style>